<template>
  <div>
    <my-notification :value="50" :max="30">
      <template #default>
        <notification-list
            @clickItem="clickItem"
            @clickAction="clickAction"
            :list="list"
            :actions="actions"
        ></notification-list>
      </template>
    </my-notification>
    <br/>
    <br/>
    <my-notification :value="50"></my-notification>
    <br/>
    <br/>
    <my-notification :value="50" :is-dot="true"></my-notification>
  </div>
</template>

<script lang='ts' setup>
import {list, actions} from './data'

let clickItem = (val: any) => {
  console.log('clickItem', val)
}
let clickAction = (val: any) => {
  console.log(val)
}
</script>

<style lang='scss' scoped>
</style>
